<template>
  <div class="table-form">
    <div :class="title ? 'header' : ''">
      {{ title }}

      <slot name="daochu"></slot>
    </div>

    <slot name="biaoge"></slot>
    <slot name="fenye"></slot>
  </div>
</template>
<script>
export default {
  props: {
    title: String,
    headerTextColor: {
      type: String,
      default: "#323232",
    },
  },
};
</script>

<style lang="scss" scoped>
.header {
  padding: 16px 0 16px 10px;

  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: 600;
  font-size: 22px;
  color: #323232;
  line-height: 33px;

  font-style: normal;
}
</style>
